#carema{
	margin:auto;
	width: 100%;
}
#animate_focus{
	position: absolute;
	display: none;
}
#animate_focus.focus{
	display: block;
    top: 50%;
    left: 50%;
    margin-left: -4.5%;
    margin-top: -5%;
	width: 9%;
	height: 18%;
	z-index: 5;
 	cursor: pointer;	
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: focus-go;
	animation-duration: 1s;
	animation-delay: 0s;

	-webkit-animation-fill-mode: forwards;
	-webkit-animation-name: focus-go;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0s; 
}
@keyframes focus-go{
	0%{
		opacity: 1;
	}100%{
		opacity: 0;
	}
}
@-webkit-keyframes focus-go{
	0%{
		opacity: 1;
	}100%{
		opacity: 0;
	}
} 
	
.blur img{
	width: 100%;
    margin-bottom: -3px;
}
.blur_to_go{
	animation-fill-mode: both;
	animation-name: blur-go;
	animation-duration: 1s;
	animation-delay: 0s;

	-webkit-animation-fill-mode: both;
	-webkit-animation-name: blur-go;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0s;
}
@keyframes blur-go{
	0%{
		filter: blur(0px);
		-webkit-filter: blur(0px);
	}100%{
		filter: blur(11px);
		-webkit-filter: blur(11px);
	}
}
@-webkit-keyframes blur-go{
	0%{
		filter: blur(0px);
		-webkit-filter: blur(0px);
	}100%{
		filter: blur(11px);
		-webkit-filter: blur(11px);
	}
}

.content{
	position: absolute;
	left: -10000px;
	font-size: 13px;
	color: #f5f5f5;
	z-index: 5;
	opacity: 1;
}
.content_to_go{
	bottom: 11%;
	left: 10%;
 	animation-fill-mode: both;
	animation-name: content-go;
	animation-duration: 1s;
	animation-delay: 0s;

	-webkit-animation-fill-mode: both;
	-webkit-animation-name: content-go;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0s;
}  
@keyframes content-go{
	0%{
		opacity: 0;
	}100%{
		opacity: 1;
	}
}
@-webkit-keyframes content-go{
	0%{
		opacity: 0;
	}100%{
		opacity: 1;
	}
}


.shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	z-index: 2;
	background-color: rgba(70, 70, 70, 0.5);
}
.shadow_to_go{
	animation-fill-mode: both;
	animation-name: shadow-go;
	animation-duration: 0.8s;
	animation-delay: 0s;

	-webkit-animation-fill-mode: both;
	-webkit-animation-name: shadow-go;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-delay: 0s;
}
@keyframes shadow-go{
	0%{
		opacity: 1;
	}100%{
		opacity: 0;
	}
}
@-webkit-keyframes shadow-go{
	0%{
		opacity: 1;
	}100%{
		opacity: 0;
	}
}
#animate_flicker{
	position: absolute;
    width: 100%;
    opacity: 0;
}
.flicker{
    animation-fill-mode: both;
	animation-name: flicker-go;
	animation-duration: 1s;
	animation-delay: 0s;

	-webkit-animation-fill-mode: both;
	-webkit-animation-name: flicker-go;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0s;
}
@keyframes flicker-go{
	0%{
		opacity: 1;
	}100%{
		opacity: 0;
	}
}
@-webkit-keyframes flicker-go{
	0%{
		opacity: 1;
	}100%{
		opacity: 0;
	}
}

.lens{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: url(../image/carema/lens.png) no-repeat;
    background-position: center center;
    background-size: 98%;
} 